<template>
	<view class="cu-bar">
		<view class="action border-title">
			<text class="text-xl text-bold text-black">{{props.title}}</text>
			<!-- <text class="bg-gradual-blue" style="width:3rem"></text> -->
		</view>
		<view @click="handleClickItem" class="action">
			<slot name="right"></slot>
		</view>
	</view>
</template>

<script setup lang="ts">
	import {
		useSettingStore
	} from '@/stores/index';
	import {
		watch,
		computed,
		ref
	} from "vue";
	const setting = useSettingStore();
	const emit = defineEmits(['action']);
	const props = defineProps({
		title: {
			type: String,
			default: '标题'
		}
	})
	const handleClickItem = (e) => {
		emit('action', e)
	}
</script>

<style scoped>
	.cu-bar {
	    min-height: 30px;
	}
</style>
